<!doctype html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title></title>
		<!-- Bootstrap -->
		<link rel="stylesheet" href="tools/bootstrap-3.4.1-dist/css/bootstrap.min.css" />
	</head>
	<body>
		<div id="header"></div>
		
		
		
		<div id="myCarousel" class="carousel slide">
			<!-- 轮播（Carousel）指标 -->
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
		 	<li data-target="#myCarousel" data-slide-to="2"></li>
				<li data-target="#myCarousel" data-slide-to="3"></li>
			</ol>
			<!-- 轮播（Carousel）项目 -->
			<div class="carousel-inner">
				<div class="item active">
					<img src="img/index_one_1.png" style="width: 100%;height: auto;" />
				</div>
				<div class="item">
					<img src="img/index_one_2.png" style="width: 100%;height: auto;" />
				</div>
				<div class="item">
					<img src="img/index_one_3.png" style="width: 100%;height: auto;" />
				</div>
				<div class="item">
					<img src="img/index_one_4.png" style="width: 100%;height: auto;" />
				</div>
			</div>
			<!-- 轮播（Carousel）导航 -->
			<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>


		<div id="myCarousel1" class="carousel slide">
			<!-- 轮播（Carousel）指标 -->
			<ol class="carousel-indicators">
				<li data-target="#myCarousel1" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel1" data-slide-to="1"></li>
				<li data-target="#myCarousel1" data-slide-to="2"></li>
				<li data-target="#myCarousel1" data-slide-to="3"></li>
				<li data-target="#myCarousel1" data-slide-to="4"></li>
				<li data-target="#myCarousel1" data-slide-to="5"></li>
			</ol>
			<!-- 轮播（Carousel）项目 -->
			<div class="carousel-inner">
				<div class="item active">
					<img src="img/index_two_1.png" style="width: 100%;height: auto;" />
				</div>
				<div class="item">
					<img src="img/index_two_2.png" style="width: 100%;height: auto;" />
				</div>
				<div class="item">
					<img src="img/index_two_3.png" style="width: 100%;height: auto;" />
				</div>
				<div class="item">
					<img src="img/index_two_4.png" style="width: 100%;height: auto;" />
				</div>
				<div class="item">
					<img src="img/index_two_5.png" style="width: 100%;height: auto;" />
				</div>
				<div class="item">
					<img src="img/index_two_6.png" style="width: 100%;height: auto;" />
				</div>
			</div>
			<!-- 轮播（Carousel）导航 -->
			<a class="left carousel-control" href="#myCarousel1" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#myCarousel1" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>

		<img src="img/index_3.png" style=" width: 100%;height: auto;" class="toggle_3_4" style="cursor:pointer;" />

		<img src="img/index_4.png" style=" width: 100%;height: auto;" class="toggle_4_3"
			style="display: none;cursor: pointer;" />




		<div id="footer"></div>

		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
		<script src="tools/jQueryDownload/jquery-3.1.1.min.js"></script>
		<script src="tools/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
		<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
		<script src="tools/rem/index.js"></script>

		<script>
	    	$("#header").load("common/header/index.html");
			$("#footer").load("common/footer/index.html");
			$(function() {
				$(".toggle_3_4").click(function(e) {
					$('.toggle_4_3').fadeIn()
					$('.toggle_3_4').fadeOut()
				})
				$(".toggle_4_3").click(function(e) {
					$('.toggle_3_4').fadeIn()
					$('.toggle_4_3').fadeOut()
				})

			})
		</script>
	</body>
</html>

<style>

	.brand {
		background: #3692fa;
		color: #fff !important;
		border-radius: 10px;
		font-size: 0.7rem;
		width: 5rem;
		height: 1.5rem;
		line-height: 1.5rem !important;
		padding: 0;
		text-align: center;

		margin-right: 5rem;
	}


</style>
